	.case_num {
		font-size: 24rpx;
		color: #909193;
		padding-left: 8rpx;
	}
	.blog_num {
		font-size: 24rpx;
		color: #F2F2F2;
		padding-left: 8rpx;
	}
	
	.swiper {
		width: 100%;
		height: 1220rpx;

		&-one {
			// background-image: url(../../static/website/swiper1.png);
			width: 100%;
			height: inherit;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;

			.title {
				color: #1F3050;
				padding-top: 188rpx;
				padding-left: 80rpx;

				.expert {
					font-size: 36rpx;
				}

				.technology {
					font-weight: 500;
					font-size: 56rpx;
				}
			}

			.content {
				font-size: 36rpx;
				color: #1F3050;
				line-height: 104rpx;
				padding-top: 84rpx;
				padding-left: 80rpx;
			}

			.service {
				padding-top: 162rpx;

				.btn {
					width: 576rpx;
					height: 102rpx;
					line-height: 102rpx;
					background: #40C6A1;
					border-radius: 64rpx;

					.text {
						color: #FFFFFF;
						line-height: 50rpx;
					}
				}

			}
		}

		&-two {
			// background-image: url(../../static/website/swiper2.png);
			width: 100%;
			height: inherit;
			background-position: center;
			background-size: cover;
			padding-top: 120rpx;
			background-repeat: no-repeat;
			.title {
				padding-left: 92rpx;
				font-size: 40rpx;
				font-weight: 500;
				color: #1F3050;
				line-height: 56rpx;

				>view {
					padding-top: 44rpx;
				}

				.cicle {
					width: 14rpx;
					height: 14rpx;
					background: #75C6BB;
					border-radius: 50%;
				}
			}

			.content {
				font-size: 36rpx;
				color: #1F3050;
				line-height: 104rpx;
				padding-left: 106rpx;
				padding-top: 66rpx;
			}

			.case {
				padding-top: 106rpx;

				.btn {
					width: 576rpx;
					height: 102rpx;
					line-height: 102rpx;
					background: #40C6A1;
					border-radius: 64rpx;

					.text {
						color: #FFFFFF;
						line-height: 50rpx;
					}
				}
			}

		}

		&-three {
			// background-image: url(../../static/website/swiper3.png);
			width: 100%;
			height: inherit;
			background-position: center;
			background-size: cover;
			padding-top: 168rpx;
			background-repeat: no-repeat;
			.title {
				padding-left: 116rpx;
				font-size: 40rpx;
				font-weight: 500;
				color: #1F3050;
				line-height: 56rpx;

			}

			.content {
				padding-left: 116rpx;
				padding-top: 41px;

				>view {
					padding-top: 31px;
					font-size: 36rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					color: #1F3050;
					line-height: 50rpx;
				}

				.cicle {
					width: 7px;
					height: 7px;
					background: #75C6BB;
					border-radius: 50%;
				}
			}

			.programme {
				padding-top: 164rpx;

				.btn {
					width: 576rpx;
					height: 102rpx;
					background: #40C6A1;
					border-radius: 64rpx;

					.text {
						font-size: 36rpx;
						color: #FFFFFF;
						line-height: 50rpx;
					}
				}
			}

		}
	}
	
	.about{
		padding-top: 96rpx;
		padding-bottom: 48rpx;
		background: #F6F7FB;
		.title{
			font-size: 40rpx;
			line-height: 56rpx;
			.point {
				color: #40C6A1;
			}
		}
		&-en{
			font-size: 28rpx;
			font-weight: 300;
			color: #C0C4CC;
			line-height: 40rpx;
			text-align: center;
			padding-bottom: 46rpx;
		}
		.descript{
			padding: 0 22rpx 48rpx;
			font-size: 32rpx;
			color: #606266;
			line-height: 52rpx;
		}
	
		.content{
			padding-top: 64rpx;
			background-color: #FFFFFF;
			&-head{
				text-align: center;
				.title-zh{
					font-size: 36rpx;
					font-weight: 500;
					color: #303133;
					line-height: 50rpx;
					padding-top: 32rpx;
				}
				.title-en{
					font-size: 28rpx;
					font-weight: 300;
					color: #C0C4CC;
					line-height: 40rpx;
					padding-bottom: 48rpx;
				}
			}
			&-body{
				padding: 0 24rpx;
				font-size: 32rpx;
				color: #606266;
				line-height: 52rpx;
				text-align: left;
			}
			image{
				width: 180rpx;
				height: 180rpx
			}
		}
	}
	.industry{
		padding-top: 48rpx;
		padding-bottom: 48rpx;
		background: #F6F7FB;
		.title{
			font-size: 40rpx;
			line-height: 56rpx;
			.point {
				color: #40C6A1;
			}
		}
		&-en{
			font-size: 28rpx;
			font-weight: 300;
			color: #C0C4CC;
			line-height: 40rpx;
			text-align: center;
			padding-bottom: 46rpx;
		}
		.descript{
			padding: 0 22rpx 48rpx;
			font-size: 32rpx;
			color: #606266;
			line-height: 52rpx;
		}
		.list{
			.bg-white{
				background: #fff;
			}
			padding: 0 24rpx 32rpx;
			border-radius: 16rpx;
			.remen {
				position: absolute;
				top: 0;
				right: 44rpx;
				width: 46rpx;
				height:88rpx;
				z-index: 100;
			}
			.coverimage {
				width: 100%;
				height: 396rpx;
				border-radius: 16rpx 16rpx 0px 0px;
			}
			.item {
				padding: 24rpx 32rpx;
				.title{
					font-weight: 500;
					font-size: 36rpx;
					color: #303133;
					line-height: 50rpx;
				}
				.date_price {
					display: flex;
					justify-content: space-between;
					margin-top: 24rpx;
					.date {
						font-weight: 300;
						font-size: 28rpx;
						line-height: 40rpx;	
						color: #909193;
					}
					.price {
						font-weight: 500;
						font-size: 32rpx;
						line-height: 44rpx;
						color: #40C6A1;
					}
				}
				.summary {
					font-weight: 400;
					font-size: 32rpx;
					line-height: 52rpx;	
					color: #606266;
					margin-top: 40rpx;
				}
			}
		
		}
		.more {
			margin-top: 32rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			image {
				width: 52rpx;
				height: 52rpx;
			}
			text {
				font-weight: 400;
				font-size: 40rpx;
				line-height: 56rpx;
				text-align: center;
				color: #40C6A1;
				margin-left: 16rpx;
			}
		}
	}
	.design{
		padding-top: 48rpx;
		padding-bottom: 48rpx;
		background: #F6F7FB;
		.title{
			font-size: 40rpx;
			line-height: 56rpx;
			text{
				color: #40C6A1;
			}
		}
		&-en{
			font-size: 28rpx;
			font-weight: 300;
			color: #C0C4CC;
			line-height: 40rpx;
			text-align: center;
			padding-bottom: 46rpx;
		}
		.descript{
			padding: 0 22rpx 48rpx;
			font-size: 32rpx;
			color: #606266;
			line-height: 52rpx;
		}
		.list{
			.bg-white{
				background: #fff;
			}
			padding: 0 24rpx 32rpx;
			border-radius: 16rpx;
			image{
				width: 100%;
				height: 256px;
				border-radius: 16rpx 16rpx 0px 0px;
			}
			.case_flag {
				width: 160rpx;
				height: 160rpx;
				position: absolute;
				top: 0;
				right: 0;
				z-index: 10;
			}
			.title{
				font-size: 36rpx;
				color: #303133;
				line-height: 50rpx;
				padding-left: 34rpx;
				padding-top: 24rpx;
			}
			.type{
				font-size: 24rpx;
				font-weight: 300;
				color: #909193;
				line-height: 34rpx;
				>view{
					padding-left: 32rpx;
					padding-top: 16rpx;
					padding-bottom: 16rpx;
				}
			}
		}
		.more{
			padding: 0 22rpx;
			background: #6FB19F;
			border-radius: 16rpx;
			.title{
				padding: 48rpx 0 32rpx ;
				.text{
					font-size: 40rpx;
					font-weight: 500;
					color: #FFFFFF;
					line-height: 56rpx;
					padding-left: 32rpx;
				}
			}
			image{
				width: 52rpx;
				height: 52rpx;
			}
			.kind{
				font-size: 36rpx;
				font-weight: 300;
				color: #FFFFFF;
				line-height: 50rpx;
				padding-bottom: 32rpx;
			}
		}
	}
	.evaluate{
		padding-top: 48rpx;
		padding-bottom: 48rpx;
		background: #F6F7FB;
		.title{
			font-size: 40rpx;
			line-height: 56rpx;
			text{
				color: #40C6A1;
			}
		}
		&-en{
			font-size: 28rpx;
			font-weight: 300;
			color: #C0C4CC;
			line-height: 40rpx;
			text-align: center;
			padding-bottom: 46rpx;
		}
		.scroll{
			padding-left: 24rpx;
			.scroll-view_H {
					white-space: nowrap;
					width: 100%;
					.card{
						width: 256px;
						background: #fff;
						border-radius: 16rpx;
						display: inline-block;
						margin-right: 32rpx;
						.img{
							padding-top: 64rpx;
						}
						image{
							width: 90px;
							height: 90px;
							border-radius: 50%;
						}
						.title{
							font-size: 36rpx;
							font-weight: 500;
							color: #324452;
							line-height: 50rpx;
						}
						.positon {
							font-weight: 500;
							font-size: 36rpx;
							line-height: 50rpx;
							text-align: center;
							color: #40C6A1;
						}
						.company {
							font-weight: 400;
							font-size: 28rpx;
							line-height: 40rpx;
							text-align: center;
							color: #909193;
						}
						.des{
							width: 100%;
							font-size: 32rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							color: #606266;
							line-height: 52rpx;
							padding: 0 32rpx 33px;
							white-space: normal;
						}
					}
				}
				.scroll-view-item {
					height: 300rpx;
					line-height: 300rpx;
					text-align: center;
					font-size: 36rpx;
				}
				.scroll-view-item_H {
					display: inline-block;
					width: 100%;
					height: 300rpx;
					line-height: 300rpx;
					text-align: center;
					font-size: 36rpx;
				}
		}
		
	}
	.share{
		padding-top: 48rpx;
		padding-bottom: 48rpx;
		background: #F6F7FB;
		.title{
			font-size: 40rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			line-height: 56rpx;
			text{
				color: #40C6A1;
			}
		}
		&-en{
			font-size: 28rpx;
			font-family: PingFangSC-Light, PingFang SC;
			font-weight: 300;
			color: #C0C4CC;
			line-height: 40rpx;
			text-align: center;
			padding-bottom: 46rpx;
		}
		.item-container {
			width: 340rpx;
			height: 452rpx;
			margin-bottom: 24rpx;
			border-radius: 8rpx;
			.video_type {
				position: relative;
				.play {
					width: 52rpx;
					height: 52rpx;
					position: absolute;
					top: 18rpx;
					right: 18rpx;
					z-index: 100;
				}
				width: 100%;
				height: 100%;
				overflow: hidden;
				.cover {
					border-radius: 8rpx;
					width: 100%; /* 图片宽度 */
					height: 100%; /* 高度自适应 */
					object-fit: cover; /* 图片填充方式，保持纵横比并填充整个容器 */
				}
				
			}
			.article_type {
				background-color: #ffffff;
				position: relative;
				width: 100%;
				height: 100%;
				overflow: hidden;
				image {
					border-radius: 8rpx 8rpx 0 0;
					width: 100%; /* 图片宽度 */
					height: 100%; /* 高度自适应 */
					object-fit: cover; /* 图片填充方式，保持纵横比并填充整个容器 */
				}
				.title {
					font-weight: 400;
					font-size: 32rpx;
					line-height: 52rpx;
					color: #303133;
					padding: 0 14rpx;
				}
				.updatetime {
					position: absolute;
					font-style: normal;
					font-weight: 300;
					font-size: 24rpx;
					line-height: 34rpx;
					color: #909193;
					left: 14rpx;
					bottom: 14rpx;
				}
			}
		}
		.more {
			margin-top: 32rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			image {
				width: 52rpx;
				height: 52rpx;
			}
			text {
				font-weight: 400;
				font-size: 40rpx;
				line-height: 56rpx;
				text-align: center;
				color: #40C6A1;
				margin-left: 16rpx;
			}
		}
	}
	
	
	/deep/ .uni-swiper-dot {
				// 指示点元素默认样式
				width: 10px !important;
				height: 10px !important;
				vertical-align: middle;
				margin:0 16rpx;
				margin-bottom: 14px;
				
			}
	/deep/ .uni-swiper-dot-active {
				// 指示点元素激活（当前选中）状态样式
				width: 28rpx !important;
				height: 28rpx !important;
				border-radius: 50%;
				
			}
			
	/* #ifdef MP-WEIXIN */
	/deep/ swiper .wx-swiper-dot {
		width: 10px !important;
		height: 10px !important;
		vertical-align: middle;
		margin:0 16rpx;
		margin-bottom: 14px;
	}
	
	/deep/ swiper .wx-swiper-dot-active {
		width: 28rpx !important;
		height: 28rpx !important;
		border-radius: 50%;
	}
	
	/* #endif */
	.top{
		position: fixed;
		bottom: 100rpx;
		right: 24rpx;
		transition: all 0.5s ease; 
	}


.box{
	height: 100%;
	position: relative;
	opacity: 0;
	bottom: -100rpx;
	transition: all .8s ease-in;
}
.box-act{
	opacity: 1; 
	bottom: 0px;
}
.trs{
	transition: all 0s;
}